<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <f:facet name="first">
            <meta http-equiv="X-UA-Compatible" content="IE=edge" />
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
            <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
            <meta name="apple-mobile-web-app-capable" content="yes" />
        </f:facet>
        <title>PrimeFaces RIO</title>
        <!--        <h:outputScript library="rio-layout" name="js/ripple-effect.js" />
                <h:outputScript library="rio-layout" name="js/perfect-scrollbar.js" />
                <h:outputScript library="rio-layout" name="js/layout.js" />
                <h:outputScript name="js/locales_zh.js"/>-->
        <!--<ui:insert name="head"/>-->
    </h:head>
    <h:body class="loginbodyorange">
        <h:outputStylesheet library="rio-layout" name="css/core-layout.css"/>
        <h:outputStylesheet library="rio-layout" name="css/animate.css"/>
        <h:outputStylesheet library="rio-layout" name="css/rio-font.css"/>
        <h:outputStylesheet library="rio-layout" name="css/ripple-effect.css"/>
        <!--<h:outputStylesheet library="rio-layout" name="css/perfect-scrollbar.css"/>-->
        <!--<h:outputStylesheet library="rio-layout" name="#{themeView.layoutCss}"/>-->
        <h:outputStylesheet library="rio-layout" name="css/rio-layout.css"/>

        <div class="Wid90 DispBlock MarAuto MarTopPerc10 TexAlCenter">
            <div class="Wid33 MarAuto WidAutoOnMobile">
                <div class="EmptyBox30"/>
                <div class="Card ShadowEffect">
                    <div class="EmptyBox40"/>
                    <i class="icon-windows Fs100 Orange"/>
                    <div class="Wid100 OvHidden Fs30 Orange">404 Page Not Found !</div>
                    <div class="Wid100 OvHidden Fs20 BoldGray">Sorry, but the resource you are looking<br /> for has not been found.</div>
                    <div class="EmptyBox20"/>
                    <div class="Separator"/>
                    <div class="EmptyBox10"/>
                    <div class="Wid100">
                        <p:button value="Back To Dashboard"
                                  icon="fa fa-dashboard"
                                  onclick="window.open('dashboard.xhtml', '_self')"
                                  styleClass="OrangeButton Wid60 Fs18 White RaisedButton"/>
                    </div>
                    <div class="EmptyBox20"/>
                </div>
                <div class="Wid100 TexAlCenter MarTop20 Fs14 FontRobotoRegular WhiteBlue">
                    <i class="fa fa-copyright"/>  PrimeFaces RIO Theme And Layout <br /> All rights reserved.
                </div>
            </div>
        </div>
    </h:body>
</html>